import { Button, List, Tag, Tooltip } from 'antd';
import React, { Component, useEffect } from 'react';
import styles from './index.less';

class TagList extends Component {
  render() {
    const { tips, style } = this.props;

    // const test = () => {
    //   console.log(tips);
    // };

    let tagListView = tips?.map((tag) => {
      return (
        <Tag key={tag?.id} color="blue">
          {tag?.tip}
        </Tag>
      );
    });

    return (
      <div className={styles.tagList} style={style}>
        {/* {
          showReview &&
          <Tooltip title={resource.reviewMessage} defaultVisible>
            <Tag color={reviewStatusInfoMap[resource.reviewStatus].color}>{reviewStatusInfoMap[resource.reviewStatus].text}</Tag>
          </Tooltip>
        } */}
        {/* <Button onClick={test}>123</Button> */}
        {tagListView}
      </div>
    );
  }
}

export default TagList;
